<template>
<v-touch v-on:swiperight="onSwipeRight" :swipe-options="{direction: 'horizontal'}">
  <div style="display:flex;flex-direction:column;align-items: center;width: 100%;height:100%; background:linear-gradient(0deg,rgba(85,125,234,1) 0%,rgba(76,59,217,1) 100%)" class="main">
    <div style="position:relative;height: 80px;width: 86%;display:flex;flex-direction:row;align-items: center; padding-bottom: 10%;">
      <img style="position:absolute;display:block;width:14%;left:0%;" src="../assets/img/logo_1.png">
      <img style="position:absolute;display:block;width:30%;left:20%" src="../assets/img/logo_2.png">
      <img style="position:absolute;display:block;width:5%;right:0%" src="../assets/img/guanbi.png" @click="backhome">
    </div>
    <div style="display:flex;flex-direction:column;align-items: center;width: 86%;margin-bottom: 10%; background:rgba(238,250,255,1);box-shadow:0px 1px 18px 0px rgba(47,35,170,0.59); ">
        <div  style="position:relative;width: 50%; top: -15px;">
            <img src="../assets/img/appstyle2.png" style="width: 100%;height:auto">
         </div>
        <div  style="width: 30%;    ">
            <img src="../assets/img/logo2.png" style="width: 100%;">
         </div>
         <div  style="width: 80%;" >
            <img src="../assets/img/logoin2.png" style="width: 100%;">
         </div>
         <div  style="width: 80%;">
            <img src="../assets/img/main2.png" style="width: 100%;">
         </div>
         <div  style="width: 80%;">
            <img src="../assets/img/project_2.png" style="width: 100%;">
         </div>
         <div  style="width: 80%;">
            <img src="../assets/img/me5.png" style="width: 100%;">
         </div>
    </div>

  </div>
</v-touch>
</template>

<script>
import { Divider, Toast, Card, Radio } from "vux";
export default {
  name: "vote",
  // inject:['reload'],
  components: {
    Toast,
    Divider,
    Card,
    Radio
  },

  data() {
    return {
    };
  },

  mounted() {
  },

  methods: {
    onSwipeRight() {
      this.$router.push("vote");
    },
    backhome() {
      this.$router.push("vote");
    },

 
  },

  computed: {},

  watch: {}
};
</script>

<style scoped>
.logo{
  background:url(../assets/img/backcircle.png) no-repeat 0 0;
  width: 30%;   
  margin-top: 12%;
  background-size: cover;
  background-position: center;
  -moz-background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center


}
</style>
